<template>
	<div>
		<top-nav bgColor="white" title="报表"  btnName="btn"  :rightShow="false" returnPath="factoryList"></top-nav>
		<div style="width: 100%;height: 3rem;"></div>
			<div style="top: 3rem;left: 0;position: fixed;width: 100%;z-index: 200;border-bottom: 1px solid rgba(0,0,0,0.3);">
  		 <mu-paper>
				<mu-bottom-nav :value="bottomNav"  @change="handleChange" style="height: 1.8rem;">
				<mu-bottom-nav-item value="reportCar" title="发货查询"  to="/Q01ReportCar" />
      <!--<mu-bottom-nav-item value="reportOrder" title="订单查询"  to="/demo2ReportOrder" />-->
				<mu-bottom-nav-item value="reportPay" title="产品汇总"  to="/Q01ReportQtySum" />
			</mu-bottom-nav>
		</mu-paper>
 </div>
	    <router-view style="height: 100%;"></router-view>

</div>
	</div>
</template>

<script>
	 export default {
		  data () {
    return {
      bottomNav: 'demo2ReportCar',
      bottomNavColor: 'reportCar'
    }
  },
  methods: {
    handleChange (val) {
      this.bottomNav = val
    }
  }
}
</script>

<style>
</style>